@charset "utf-8";
/* CSS Document */

	body {
		margin: 0px 0px 0px 0px;
		background-color: #D7D7D7;
	}
	/*@font-face
	{
		font-family: monospace;
	}*/
	#keywordSearch {
		margin-top:20px;
		width:350px;
		float:left;
	}
	#selSubject {
		font-size:16px;
		color:#666;		
	}
	.selSubject {
		font-style:italic;
		font-size:16px;
		color:#666;
	}
	strong#subject {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#333;		
	}
	strong#keywordS {
		font-family:Arial, Helvetica, sans-serif;
		color:#333;
		font-size:16px	
	}
	strong#keyword {
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
		font-size:13px;
	}	
	#fullgrid{
		position:absolute;
	}

	#sendmess {
		width: 100%;
		text-align:center;
		position:fixed;
		display:none;
		bottom: 1%;
	}
	#loading {
		width :100%;
		text-align:center;
		position:fixed;
		top: 50%;
	}
	#message {
		width: 80%;
	}
	/*polygon {
	}
	polygon:hover {
		cursor: pointer;
	}*/
	#readmess {
		position: fixed;
		left: 10%;
		top: 10%;	
	}
	#pin {
		width : 150px;
		height: 150px;
		position: fixed;
		top: 3%;
		right: 1%;		
	}
	#pin:hover {
		cursor: pointer;
	}
	#uppined {
		position: fixed;
		top: 3%;
		right: .5%;
	}
	#hexOn {
		fill : white;
		position: absolute;
	}
	#hexOn2 {
		fill : white;
		position: absolute;
	}
	#onMessage {
		text-align:center;
		position:absolute;
		display:none;
	}
	#writeMessage {
		text-align:center;
		position:absolute;
		display:none;
	}
	#onMessage2 {
		text-align: center;
		position: absolute;
	}
	#hexOutLine {
		position: absolute;
	}
	/*
	#onOn {
		white-space: pre-wrap;
  		word-wrap: break-word;
	}
	*/
	#onOn {
		position :absolute;
	}
	#onOn2 {
		position :absolute;
	}
	#onWrite {
		position:absolute;
	}
	#hexWrite {
		position:absolute;
	}
	#colorpad {
		position : absolute;
		display : none;
	}
	#colorpadTable {
		border-color:transparent;
	}
	.selcolor : hover {
		cursor: pointer;
	}
	.empty {
		
	}
	.empty:hover {
		cursor:pointer;
	}
	.filled:hover {
		cursor:pointer;
	}
	.relaempty:hover {
		cursor:pointer;
	}
	
	#fullgridBack {
		position :absolute;
	}
	#topMenu {
		width:100%;
		height:150px;
		position:fixed;
		background-color:#D7D7D7;;
		opacity:0.8;
		display:table;
	}
	.colorOne {
		height:40px;
	}
	.colorOne:hover {
		cursor:pointer;
		opacity:0.8;
	}
	#onOnTd {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#333;
		vertical-align:top;
		text-align:justify;
	}
	#onOnWT {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666;
		text-align:right;
	}
	#content {
		width:173px;
		height:75px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#333;
		resize:none;
	}
	#keywordW {
		width:100px;
		height:21px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:bottom;
		font-size:14px;
		color:#333;
		resize:none;
	}
	/*.writeit {
		position:absolute;
	}*/
	#onWrite {
		display:none;
		position:absolute;
	}
	
	.button {
		font-size:16px;
		font-weight:bold;
	}
	
	#button {
		font-size:16px;
		font-weight:bold;
	}
	#button2 {
		font-size:16px;
		font-weight:bold;
	}
	#button:hover {
	}
	#button2:hover {
	}
	#keywordTd {
		vertical-align:text-top;
		float:left;
	}
	#hotIssue {
		width:400px;
		float:left;
		display:table-cell;
	}
	#hotIssueW {
		color:#333;
		font-size:16px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	}
	#hotIssueTable {
		width:300;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#FFF;
		font-weight:bold;
		vertical-align:middle;		
	}
	#CounterNButton {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		position:absolute;
	}
	#CounterNButton2 {
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
		position:absolute;
	}
	/*#tempmess {
		visibility : hidden;
	}*/